<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.box{
				width: 1200px;
				height: 600px;
				border: 1px solid black;
				margin: auto;
				background-image: url(img/xm.jpg.jpg );
				background-image: url(img/xm.jpg);
				animation:changge 2s 2 linear 2s;
			}
			.cbox{
				width: 1200px;
				height: 600px;
				border: 1px solid black;
				margin: auto;
				background-image: url(img/xm.jpg);
				animation:changge 2s 2 linear 5s;
			}
			@keyframes changge {
				0%,15%{width: 1200px;
				height: 600px;
				border: 5px solid orange;
				}
				60%{
									 width: 1200px;
									 height: 600px;
									 background-color: blue;
				}
				}
		</style>
	</head>
	<body>
		<div class="box">
		<div class="cbox"></div>
		</div>
	</body>
</html>
